<script lang="ts">
import { defineComponent } from "vue";
import HoverUp from "./components/HoverUp/HoverUp.vue";
import PtLightMatched from "./components/LightMatched/PtLightMatched.vue";
export default defineComponent({
  components: {
    PtLightMatched,
    HoverUp
  },
});
</script>

<template>
  <div>这是文本</div>
  <HoverUp content="1、 npm 和 cnpm 的区别

相信很多人都不太明白 npm 和 cnpm 到底是什么东东， 为啥在国内要用 淘宝镜像使用 cnpm，

（1） 两者之间只是 node 中包管理器的不同哟，

（2） npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

（3）如果因为网络原因无法使用npm下载，那cnpm这个就派上用场了。

　　一定切记切记，npm和cnpm只是下载器的不同，好像npm用人力板车去拉包，而cnpm却使用货车去运包。 而存包的地址则在下文nrm的查看，

这个命令行 就可以使用 cnpm 了。

但是它的实质是

　　（1）全局安装 cnpm

　　（2）并且将安装 ' 包 '（各种包） 的地址切换到 国内的淘宝镜像

这里面省略了一个很重要的东西，就是 nrm 的使用，这个包的功能可以让我们随意的切换我们下载包的地址。

　　（1）如果装好了 cnpm 可以， cnpm i nrm -g

　 （2）nrm ls 查看所有 包下载路径， 也就是存放包的不同位置，自然就有取包的速度区分" />
</template>

<style scoped>

</style>
